<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" language="java" isELIgnored="false" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />

		<!--360浏览器优先以webkit内核解析-->

		<title>H+ 后台主题UI框架 - 主页示例</title>

		<link rel="shortcut icon" href="favicon.ico" />
		<link href="static/css/bootstrap.min.css?v=3.3.7" rel="stylesheet" />
		<link href="static/css/font-awesome.css?v=4.4.0" rel="stylesheet" />
		<link rel="stylesheet" href="static/js/plugins/layui/css/layui.css">
		<link href="static/css/animate.css" rel="stylesheet" />
		<link href="static/css/style.css?v=4.1.0" rel="stylesheet" />
		<script src="./static/js/echarts.js"></script>
		<style>
			#main{
				
				margin: 100px auto;
			}
		</style>
	</head>

	<body class="gray-bg">
		<div id="main" style="width: 100%;height:400px;"></div>

		<!-- 全局js -->
		<script src="static/js/jquery.min.js?v=2.1.4"></script>
		<script src="static/js/bootstrap.min.js?v=3.3.7"></script>
		<script src="static/js/plugins/layer/layer.min.js"></script>
		<script src="static/js/plugins/layui/layui.js"></script>

		<!-- 自定义js -->
		<script src="static/js/content.js"></script>

		<!-- 欢迎信息 -->
		<script src="static/js/welcome.js"></script>

		<script type="text/javascript">
			// 基于准备好的dom，初始化echarts实例
			var myChart = echarts.init(document.getElementById('main'));

			// 指定图表的配置项和数据
			var option = {
				title: {
					text: '商品统计'
				},
				tooltip: {},
				legend: {
					data: ['销量前十']
					
				},
				xAxis: {
					data: ['第一', '第二','第三','四','五','六','七','八','九','十']
				},
				yAxis: {},
				series: [
					{
						name: '销量前十',
						type: 'bar',
						data: [5, 20, 23, 10, 12, 15, 22, 18, 20, 3]
					}
				]
			};

			// 使用刚指定的配置项和数据显示图表。
			myChart.setOption(option);
		</script>
	</body>
</html>
